import QtQuick 2.7
import QtQuick.Controls 2.0
import QtQuick.Layouts 1.0
//import Translation 1.0

//Rectangle {
//    id: frame
//    clip: true
//    radius: 4
//    color: "transparent"
//    border.width: 1
//    border.color: {
//        if( textEdit.focus ){ return Theme.border_focus_color }
//        //else if( textEdit.hover ){ return Theme.border_hover_color }
//        else { return Theme.border_normal_color }
//    }

//    property alias textEditAlias: textEdit
//    TextEdit {
//        id: textEdit
//        text: ""
//        height: contentHeight
//        width: frame.width - vbar.width
//        y: -vbar.position * textEdit.height
//        wrapMode: TextEdit.Wrap
//        selectByKeyboard: true
//        selectByMouse: true
//        textFormat: TextEdit.RichText
//        font.styleName: Theme.font_family_regular
//        color: Theme.font_color
//        font.pixelSize: Theme.font_size_12
//        property bool hover: false

//        style: TextEditStyle {
//            background: Rectangle {
//                color: "#FFFFFF"
//                border.color: "#000000"
//                border.width: 2
//                highlightColor: "#FFFFFF"
//                highlightBorderColor: "#000000"
//                shadowColor: "#000000"
//                radius: 5
//                anchors.fill: parent
//            }
//            selectionColor: "#87CEEB"
//            cursorColor: "#000000"
//        }

//        MouseArea {
//            anchors.fill: parent
//            onWheel: {
//                if (wheel.angleDelta.y > 0) {
//                    vbar.decrease();
//                }
//                else {
//                    vbar.increase();
//                }
//            }

//            onClicked: {
//                textEdit.forceActiveFocus();
//            }
//        }

//        ScrollBar {
//            id: vbar
//            hoverEnabled: true
//            active: hovered || pressed
//            orientation: Qt.Vertical
//            size: frame.height / textEdit.height
//            width: 10
//            anchors.top: parent.top
//            anchors.right: parent.right
//            anchors.bottom: parent.bottom
//        }
//    }





//}



Rectangle {
    id: frame
    clip: true
    border.color: "black"
    focus: true

    Keys.onUpPressed: vbar.decrease()
    Keys.onDownPressed: vbar.increase()

    TextEdit {
        id: textEdit
        text: ""
        font.styleName: Theme.font_family_regular
        font.pixelSize: Theme.font_size_12
        height: contentHeight
        width: frame.width - vbar.width
        y: -vbar.position * textEdit.height
        wrapMode: TextEdit.Wrap
        selectByKeyboard: true
        selectByMouse: true
        textFormat: TextEdit.RichText
//        MouseArea {
//        anchors.fill: parent
//        onWheel: {
//          if (wheel.angleDelta.y > 0) {
//              vbar.decrease();
//          }
//          else {
//              vbar.increase();
//          }
//        }
//        onClicked: {
//          textEdit.forceActiveFocus();
//        }
//        }
    }

//    ScrollBar {
//        id: vbar
//        hoverEnabled: true
//        active: hovered || pressed
//        orientation: Qt.Vertical
//        size: frame.height / textEdit.height
//        width: 10
//        anchors.top: parent.top
//        anchors.right: parent.right
//        anchors.bottom: parent.bottom
//    }
}


